<script>
	$(document).ready(function() {
	$('#ok').click(function (){
	name = $('#hoten').val();
	mail=$('#email').val();
	noidung=$('#noidung').val()
	if(name=='') {$('label.error').html('Vui lòng nhập đầy đủ họ tên'); return;}
	else if(mail=='') {$('label.error').html('Vui lòng nhập đầy đủ email'); return;}
        else if(!validateEmail(mail)) {$('label.error').html('Email không chính xác!'); return;}
	else if(noidung=='') {$('label.error').html('Vui lòng nhập đầy đủ câu hỏi');return;}

	$.ajax({
		   url:'librarys/incs/tuvan_xuly.php',
		   data: {hoten:name,email:mail,cauhoi:noidung},
		   type:'post',
		   cache: false, 
		   success: function(data){ 
		   	$.fn.colorbox({html: data});
		  }
	});
})
});
</script>
<style>
	label.error {color: red; padding-left: 10px; }
</style>
<div class="form_tuvan">
    <h3 class="title_tuvan">Hãy để thẩm mỹ An An giúp bạn :)</h3>
    <fieldset>
        <label class="error"></label>
        <div>
            <label>Họ và Tên <i>(sẽ được giữ bí mật)</i> </label>
            <input type="text" class="text-input small-input" name="name" id="hoten" />
            
        </div>
        <div>
            <label>Email <i>(sẽ được giữ bí mật)</i></label>
            <input type="text" class="text-input small-input" name="email" id="email" />
            
        </div>
        <div>
            <label>Nội dung</label>
            <textarea name="noidung" cols="40" rows="10" id="noidung"></textarea>
            
        </div>
        <div>
            <input type="button" value="Gửi" id="ok" name="ok" />
        </div>
    </fieldset>    
</div>
